
.orderDetail {

  .orderStatuses {
    border: 1px solid var(--mall-store-border-color);
    border-bottom: 1px solid var(--mall-store-background-color);

    .orderStatus {
      border-right: 1px solid var(--mall-store-border-color);

      :global {
        .ant-btn-link {
          padding-left: 0;
        }

        .ant-statistic {
          display: inline-block;
          color: inherit;

          & .ant-statistic-content {
            color: inherit;
            font-size: inherit;
          }
        }
      }

      .orderStatusActions {
        margin: 16px 0;
      }

      .orderStaffNotesButton {
        margin-right: 36px;
      }
    }

    .orderStatusSteps {
      :global {
        .ant-steps-item-description {
          font-size: 12px;
        }
      }
    }
  }

  .orderNotes {
    border: 1px solid var(--mall-store-border-color);
    border-top: none;

    :global {
      .ant-descriptions-item {
        display: flex;
        align-items: flex-start;
      }
    }

    .orderTransactionAlter {

      :global {
        .ant-descriptions-item-label {
          color: #faad14;
        }
      }
    }
  }

  .orderShippingAddress {
    background: var(--mall-store-background-color);
    margin: -12px;
    padding: 12px;

    :global {
      .ant-descriptions-title {
        font-size: 14px;
      }
    }
  }

  .orderItems {
    margin-bottom: 0 !important;;

    :global {
      .ant-col {
        padding: 12px 0 !important;
      }
    }
  }

  .orderPrices {
    text-align: right;
    margin-right: 24px;

    :global {
      .ant-descriptions-item {
        padding-bottom: 0;
      }

      .ant-descriptions-item-label {
        min-width: 120px;
      }

      .ant-descriptions-item-content {
        text-align: left;
        margin-left: 100px;
        min-width: 60px;
      }
    }

    .orderTotalPrice {
      margin-top: 16px;
      :global {
        .ant-descriptions-item-label {
          font-weight: bold;
        }

        .ant-descriptions-item-content {
          font-size: 20px;
          color: #d40000;
        }
      }
    }
  }
}
